#nav {
    width: 21.3%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.nav_logo {
    width: 100%;
    height: 8.7%;
    text-align: center;
    position: relative;
}

.nav_logo h1 {
    height: 100%;
}

.nav_logo h1 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #123133;
    font-size: 16px;
    vertical-align: middle;
}

.nav_logo h1 i {
    display: inline-block;
    width: 7.3%;
    height: 32%;
    background: url(../images/logo.png) no-repeat center;
    vertical-align: middle;
    background-size: 100% 100%;
}

.nav_logo h1 em {
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
}

.nav_logo p {
    width: 3.7%;
    height: 46.8%;
    position: absolute;
    right: 7.33%;
    top: 32%;
}

.nav_logo p a {
    display: block;
    width: 100%;
    height: 34%;
}

.nav_logo_search {
    background: url(../images/搜索.png) no-repeat center;
    background-size: 100% 100%;
}

.nav_logo_doc {
    background: url(../images/menu.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 77%;
}

.nav_list {
    width: 100%;
    height: 45%;
}

.nav_list li {
    font-size: 14px;
    padding: 4% 0;
    padding-left: 38.2%;
}

.nav_list li a {
    padding-bottom: 0.8%;
    border-bottom: 2px solid #fff;
}

.nav_list li .nav_list_one {
    border-color: #000;
}

.nav_list li a:hover {
    border-color: #000;
}

.pic {
    width: 100%;
    height: 46.3%;
    text-align: center;
}

.pic .pic_bg {
    width: 54.3%;
    height: 54.4%;
    vertical-align: middle;
    text-align: center;
}

.pic span {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#banner {
    width: 78.7%;
    height: 100%;
    float: right;
}

#banner img {
    width: 100%;
    height: 100%;
    display: block;
}